<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
	 *{
		padding: 0;
		margin: 0;  
  }
	body{background-color: #eee;}
	.one{
		width: 800px;
		height: 356px;;
		margin-left: 350px;
		padding: 15px 30px;
	}
	.one h1{
		border-bottom: 2px solid #cacaca;
		padding-bottom: 5px;
	}
	.one p{
		text-indent: 2em;
		font-weight: 500;
		font-size: 20px;
		margin-top: 40px;
	}
	.twe{
		height: 200px;
		width: 800px;
		margin: 0 auto;
		
	}
	li{
		list-style: none;
		float: left;
		text-align: center;
/*		margin-top: 20px;*/
		
		
	}
	
	 li a{
		display: inline-block;
		width: 150px;
		height: 150px;
		border-radius: 50%;
		background-color: red;
		 color: white;
		 margin: 20px;
		 text-decoration: none;
		 line-height: 150px;
		 font-size: 22px;
		 font-weight: 700;
	}
	li a:hover{
		background-color: white;
		color: red;
	}
	.three{
		width: 800px;
		margin: 0 auto;
	}
	textarea{
		width: 800px;
		resize: none;
	}
	</style>
</head>

<body>
<div class="one">
	<h1>使 用 简 介</h1>
	<p>1.手写上算式，或者拍照需要计算的算式，然后点击上传，选择你刚才所拍照的图片，即可完成</p>
	<p>2.使用此计算器时请确认的网络连接是否处于连接状态</p>
	<p>3.图片内的算术表达式应尽量工整，以免识别不出</p>
	<p style="border-bottom: 1px solid #cacaca;
				padding-bottom: 10px; ">4.图片内的算术表达式只能有一条</p>
	
</div>
<div class="twe">
	<ul>
		<li><a href="calculate.html">四则运算</a></li>
		<li><a href="#">简单快捷</a></li>
		<li><a href="#">轻松上手</a></li>
		<li><a href="#">值得拥有</a></li>
	</ul>
</div>

    <script>

        function saveStorage(id) {
            var data = document.getElementById(id).value;// 获取输入的值         
            var time = new Date().getTime();  // 获取当前时间          
            localStorage.setItem(time, data); // 保存当前数据
            alert("数据已保存");
            loadStorage('msg'); // 调用函数，生成表格
        }

        function loadStorage(id) {
            var result = '<table border="1" cellspacing="0">';
            for (var i = 0; i < localStorage.length; i++) { // 循环输出存储的内容
                var key = localStorage.key(i);
                var value = localStorage.getItem(key);// 获取存储的内容  
                var date = new Date();
                date.setTime(key);
                var datestr = date.toGMTString();
                result += '<tr><td>' + value + '</td><td>' + datestr + '</td></tr>';
            }
            result += '</table>';
            var target = document.getElementById(id);
            target.innerHTML = result;
        }

        function clearStorage() {
            localStorage.clear();
            alert("全部数据清除");
            loadStorage('msg');
        }
    </script>
</body>
</html>
